<div class="sys-title"><h2 id="tableTitle">数据资源配置</h2></div>

<div  class="sys-content">
    <div class="panel">
        <div class="panel-head">
            <div class="panel-title">
                <h3>告警规则</h3>
            </div>
            <div class="btnbar"> <button class="btn btn-success" id="add">添加告警</button></div>

            <div class="filter">
                <div class="fm-group"><select id="account"><option>帐号</option><option>真实姓名</option><option>联系电话</option></select>
                    <input type="text" id="accountText" placeholder="请输入关键词查询">
                </div> <button class="btn" id="alarmRetrieval">检索</button>
            </div>
        </div>
        <div class="panel-body">


            <table class="table table-striped">
                <thead>
                <tr>
                    <th width="3%"><input id="checkAll" type="checkbox"></th>
                    <th width="5%">序号</th>
                    <th>名称</th>
                    <th>告警方式</th>
                    <th>创建人</th>
                    <th>创建时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="alarmList">

                </tbody>
            </table>
        </div><!--panel-body end-->
        <div class="panel-foot">
            <div class="btns"><button class="btn btn-danger" id="delAll">批量删除</button></div>
            <div class="page" id="pageList">

            </div>
        </div><!--panel-foot end-->
    </div>
</div>

<div class="dialog dialog-sm">
    <div class="dialog-win">
        <div class="dialog-head"><span>新增告警规则</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body alertadd">

            <table class="table-basic">
                <tbody>
                <tr>
                    <td class="tdtit" width="20">基本信息</td>
                    <td>
                        <div class="form-item">
                            <div class="form-title">告警名称：</div>
                            <div class="form-content"><input class="long"  type="text"></div>
                        </div>
                        <div class="form-item">
                            <div class="form-title">告警级别：</div>
                            <div class="form-content"><label><input type="checkbox">高</label><label><input type="checkbox">中</label><label><input type="checkbox">低</label></div>
                        </div>
                        <div class="form-item">
                            <div class="form-title"></div>
                            <div class="form-content"><label><input type="checkbox">启用告警</label></div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="tdtit">触发条件</td>
                    <td>
                        <div class="form-item">
                            <div class="form-title">同一用户/IP：</div>
                            <div class="form-content">
                                <span class="smblock"><input class="short" type="text"> 分钟内</span>
                                <span class="smblock"><select><option value="">登录系统</option><option value="">修改密码</option></select></span>
                                <span class="smblock"><select><option value="">失败</option><option value="">成功</option></select></span>
                                <span class="smblock"><select><option value="">大于</option><option value="">等于</option><option value="">小于</option></select></span>
                                <span class="smblock"><input class="short" type="text"> 次</span>
                            </div>
                        </div>

                        <div class="form-item">
                            <div class="form-title">或 系统登录IP：</div>
                            <div class="form-content">
                                <span class="smblock"><select><option value="">是</option><option value="">不是</option></select></span>
                                <span class="smblock"><input type="text"> ~ <input type="text"></span> <a href="javascript:void(0)"><i class="icon-delete" title="删除行"></i></a>
                            </div>
                        </div>

                        <div class="form-item">
                            <div class="form-title"></div>
                            <div class="form-content">
                                <span class="smblock"><select><option value="">是</option><option value="">不是</option></select></span>
                                <span class="smblock"><input type="text"> ~ <input type="text"></span> <a href="javascript:void(0)"><i class="icon-delete" title="删除行"></i></a> <a href="javascript:void(0)"><i class="icon-add-circle-o" title="添加行"></i></a>
                            </div>
                        </div>

                    </td>
                </tr>
                <tr>
                    <td class="tdtit">告警方式</td>
                    <td>
                        <div class="form-item">
                            <div class="form-title">通知方式：</div>
                            <div class="form-content"><label><input type="checkbox">邮件</label><label><input type="checkbox">页面弹窗</label><label><input type="checkbox">首页显示</label></div>
                        </div>

                        <div class="form-item">
                            <div class="form-title">系统用户：</div>
                            <div class="form-content"><input class="long"  type="text"> <a href="javascript:void(0)">浏览</a></div>
                        </div>

                        <div class="form-item">
                            <div class="form-title">或 邮箱地址</div>
                            <div class="form-content"><input class="long"  type="text"></div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
    </div>
</div>

<script>
    $(document).ready(function(){
        $("#add").on("click",function(){
            $(".dialog").show();
        })

        $(".dialog .close,#cancel").on("click",function(){
            $(".dialog").hide();
        })
    })
</script>
<script src="./scripts/app/safe/dataRegulation/abnormalLogin.js"></script>